<html xmlns="http://www.w3c.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
	<h:head>
		<title> Distribuidora Frutos del Campo </title>
		<link rel="stylesheet" type="text/css" media="screen" href="../css/hojaDeEstilos.css" />
		<meta charset="utf-8" />
	</h:head>
	<h:body>
		<div id = 'contenido'>   
			<header>              
				<hgroup>          
					<h1>Distribuidora Frutos del Campo</h1>
				</hgroup>
				
				<hgroup>         
					<h2>Editar Producto</h2>
				</hgroup>
				
				<hr />
				<br />
			</header>
			
			<section> 
			<div id='textoPrincipal'>

				<h3>Editar datos del producto.</h3>
				
				<h:form id="form">

					<h:panelGrid id="panel" columns="3" cellpadding="4">

						<h:outputLabel for="nombre" value="Nombre: " />
						<p:inputText value="#{editarProductoBean.productoSeleccionado.nombre}" id="nombre"
							required="true" label="Nombre " />
						<p:message for="nombre" />

						<h:outputLabel for="codigo" value="Codigo: " />
						<p:inputText value="#{editarProductoBean.productoSeleccionado.codigo}" id="codigo"
							required="true" label="Codigo " />
						<p:message for="codigo" />

						<h:outputLabel for="estado" value="Estado: " />
						<p:inputText
							value="#{editarProductoBean.productoSeleccionado.estado}"
							id="estado" required="true" label="Estado " />
						<p:message for="estado" />

						<h:outputText for="comboMarca" value="Marca: " />
						<p:selectOneMenu id="comboMarca"
							value="#{editarProductoBean.productoSeleccionado.marca}"
							required="true" converter="marcaConverter" effect="fade"
							label="Marca ">
							<f:selectItem itemLabel="Seleccionar una" itemValue="" />
							<f:selectItems value="#{registrarProductoBean.marcas}"
								var="marca" itemValue="#{marca}" itemLabel="#{marca.nombre}" />
						</p:selectOneMenu>
						<p:message for="comboMarca" />

						<h:outputText for="comboTipo" value="Tipo: " />
						<p:selectOneMenu id="comboTipo"
							value="#{editarProductoBean.productoSeleccionado.tipoProducto}"
							required="true" converter="tipoProductoConverter" effect="fade"
							label="Marca ">
							<f:selectItem itemLabel="Seleccionar uno" itemValue="" />
							<f:selectItems value="#{registrarProductoBean.tiposProductos}"
								var="tipoProducto" itemValue="#{tipoProducto}" itemLabel="#{tipoProducto.nombre}" />
						</p:selectOneMenu>
						<p:message for="comboTipo" />

						<h:outputText for="comboUnidad" value="Unidad de Medida: " />
						<p:selectOneMenu id="comboUnidad"
							value="#{editarProductoBean.productoSeleccionado.unidadMedida}"
							required="true" converter="unidadMedidaConverter" effect="fade"
							label="Unidad de Medida ">
							<f:selectItem itemLabel="Seleccionar una" itemValue="" />
							<f:selectItems value="#{registrarProductoBean.unidadesMedidas}"
								var="unidadMedida" itemValue="#{unidadMedida}" itemLabel="#{unidadMedida.nombre}" />
						</p:selectOneMenu>
						<p:message for="comboUnidad" />
						
					</h:panelGrid>

					<p:commandButton id="siguienteButton" value="Siguiente"
						action="#{editarProductoBean.setearProducto}" update="panel" />

					<p:button id="volver" value="Volver" outcome="/home" /> 
				</h:form>
			</div>
			</section> 
		</div>
		
		<footer>        
			<p>Sistema para la planificacion de recursos y toma de decisiones empresariales</p>
		</footer>
	</h:body>
</html>